<!DOCTYPE html>
<html lang="en" class="wide wow-animation smoothscroll scrollTo">
  <head>
    {template "layouts","header"}
  </head>
  <body>
    <!-- Page-->
    <div class="page text-center">
      <!-- Page Header-->
      <header class="page-head">
        {template "layouts","navbar"}
      </header>
      {template "layouts","breadcrumb"}

      <!-- Page Content-->
      <main class="page-content">
        <!--services-->
        <section class="section-98 section-sm-110">
          <div class="shell">
            <div data-type="horizontal" class="responsive-tabs responsive-tabs-classic">
              <ul class="resp-tabs-list text-center tabs-group-default" style="max-width:2000px;">
                {loop subcat($CAT['parentid']) $r}
                <li {if ($catid==$r['catid'])}class="resp-tab-active"{/if}>
                  <a href="{$r['url']}">{$r['catname']}</a>
                </li>
                {/loop}
              </ul>
            </div>

            <div class="isotope-wrap offset-top-60">
              <div class="row">
                <!-- Isotope Filters-->
                <div class="col-lg-3">
                  <div class="isotope-filters isotope-filters-vertical">
                    <!-- <h4 class="text-uppercase isotope-filters-title offset-top-34">服务承诺内容</h4> -->
                    <ul class="list-inline list-inline-sm">
                      <li class="veil-md">
                        <p>Choose your category:</p>
                      </li>
                      <li class="section-relative">
                        <button data-custom-toggle="isotope-1" data-custom-toggle-disable-on-blur="true" class="isotope-filters-toggle btn btn-sm btn-default">Filter<span class="caret"></span></button>
                        {pc:content action="lists" catid="$catid" num="9" siteid="$siteid" order="listorder DESC"}
                        <ul id="isotope-1" class="list-sm-inline isotope-filters-list">
                          {loop $data $r}
                          <li><a data-isotope-filter="{$r['title']}" data-isotope-group="gallery" href="#" class="active">{$r['title']}</a></li>
                          {/loop}
                        </ul>
                        {/pc}
                      </li>
                    </ul>
                  </div>
                </div>
                <!-- Isotope Content-->
                <div class="col-lg-9 offset-lg-top-0 offset-top-34">
                  {pc:content action="lists" catid="$catid" num="9" siteid="$siteid" order="listorder DESC" moreinfo="1"}
                  <div data-isotope-layout="fitRows" data-isotope-group="gallery" class="isotope">
                    <div data-photo-swipe-gallery="gallery" class="row text-sm-left">
                      {loop $data $r}
                      <div data-filter="{$r['title']}" class="col-md-12 isotope-item">
                        <h3>{$r['title']}</h3>
                        <hr class="divider divider-lg hr-sm-left-2 bg-primary">
                        <div class="offset-top-60"><img src="{$r['thumb']}" width="870" height="440" alt="" class="img-responsive"/>
                          <div class="offset-top-30">
                            {$r['content']}
                          </div>
                        </div>
                      </div>
                      {/loop}
                    </div>
                  </div>
                  {/pc}
                </div>
              </div>
            </div>
          </div>
        </section>
      </main>
      {template "layouts","footer"}
    </div>
    {template "layouts","global"}
    {template "layouts","javascript"}
  </body>
</html>
